import React from 'react';
import MyIcon from '@/components/MyIcon';
import cls from 'classnames';
import './styles.less';

interface ICompositeType {
  isShowPane: () => any;
}

export const Composite: React.FC<ICompositeType> = ({ isShowPane }) => {
  const clsName = 'design-composite';

  return (
    <div className={cls(`${clsName}-layout`)}>
      <div
        className={cls({
          [`${clsName}-pane`]: true,
          [`${clsName}-pane-active`]: true,
        })}
        onClick={isShowPane}
      >
        <MyIcon type={'icon-pintu'} />
      </div>
    </div>
  );
};
